<template>
	<view class="mord">
		<view class="top">
			<navigator url="/pages/user/collection">
				商品
			</navigator>
			<navigator class="active">
				品牌
			</navigator>
<!-- 			<navigator url="/pages/user/collectiondp">
				店铺
			</navigator> -->

		</view>
		<view class="list" v-for="l in list" :key="l.id" @click="toDetail(l)">
			<view class="li">
				<image :src="l.brandLogo" mode="widthFix"></image>
				<view class="text">
					{{l.name}}
					<view class="num">
						<!-- 11万人关注 -->
					</view>
					<view class="biao">
						<!-- 专题 新品 -->
					</view>
				</view>
				<!-- <image src="../../static/img/3/3-83.png" class="dd" mode="widthFix"></image> -->
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "",
		components: {

		},
		data() {
			return {
				list:[]
			}
		},
		onLoad(options) {
			this.$Request.post4(
				this.$api.httpApi.home.getCollectedBrand, {
					uid: this.$SysCache.get("userInfo").id
				}
			).then(res => {
				if (res.code == 1) {
					this.list = res.data

			
				}
			})
		},
		methods: {
			toDetail(item){
				uni.navigateTo({
					url: '/pages/brand/detial?brand_id=' + item.id,
				})
			}
		}


	}
</script>

<style scoped>
	.li {
		background: #fff;
		margin-top: 10rpx;
		padding: 20rpx;
	}
	.li image{
		display: inline-block;
		vertical-align: middle;
		width:120rpx;
		height:120rpx;
		border-radius: 50%;
	}
	.li .text{
		width: calc(100% - 120rpx - 22rpx - 30rpx - 22rpx);
		margin-left: 22rpx;
		font-size:26rpx;
		font-family:Microsoft YaHei;
		font-weight:400;
		color:rgba(77,77,77,1);
		display: inline-block;
		vertical-align: middle;
	}
	.li .text .num{
		font-size:22rpx;
		font-family:Microsoft YaHei;
		font-weight:400;
		color:rgba(176,176,176,1);
		margin-top: 11rpx;
	}
	.li .text .biao{
		color: #666;
		margin-top: 16rpx;
	}
	.li .dd{
		display: inline-block;
		width: 30rpx;
		vertical-align: middle;
		margin-left: 22rpx;
	}
	.top {
		height: 62rpx;
		background: #040000;
		font-size: 26rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: rgba(231, 231, 231, 1);
		text-align: center;
		display: flex;
		line-height: 62rpx;
	}

	.top navigator {
		flex: 1;
		margin-left: 90rpx;
		margin-right: 90rpx;
	}

	.active {
		border-bottom: 3rpx solid #F0406F;
		color: #F0406F;
	}

	uni-page-body {
		height: 100%;
	}

	.mord {
		min-height: 100%;
		background: #EEEEEE;
	}
</style>
